<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>常见浏览器图标</title>
    <style>
        .box {max-width:900px; padding:15px 0 0 15px; margin:20px auto; font:normal 13px/1 normal tahoma,'microsoft yahei'; *zoom:1;}
        .box:after {content:''; clear:both; display:block; height:0; overflow:hidden;}
        .browser {float:left; width:14.2858%; min-width:100px; padding:70px 0 10px; margin:0 15px 15px 0; text-align:center; background:#fff center 8px no-repeat; border:1px solid #ccc; border-radius:5px;}

        .browser-chrome {background-image:url(chrome.png);}
        .browser-360 {background-image:url(360.png);}
        .browser-360speed {background-image:url(360speed.png);}
        .browser-qq {background-image:url(qq.png);}
        .browser-firefox {background-image:url(firefox.png);}
        .browser-safari {background-image:url(safari.png);}
        .browser-edge {background-image:url(edge.png);}
        .browser-ie9-11 {background-image:url(ie9-11.png);}
        .browser-ie8 {background-image:url(ie8.png);}
        .browser-2345 {background-image:url(2345.png);}
        .browser-baidu {background-image:url(baidu.png);}
        .browser-liebao {background-image:url(liebao.png);}
        .browser-sougou {background-image:url(sougou.png);}
        .browser-uc {background-image:url(uc.png);}
        .browser-opera {background-image:url(opera.png);}
        .browser-115 {background-image:url(115.png);}
        .browser-maxthon {background-image:url(maxthon.png);}
    </style>
</head>
<body>
    <div class="box">
        <span class="browser browser-chrome">Chrome</span>
        <span class="browser browser-360">360</span>
        <span class="browser browser-360speed">360极速版</span>
        <span class="browser browser-qq">QQ</span>
        <span class="browser browser-firefox">Firefox</span>
        <span class="browser browser-safari">Safari</span>
        <span class="browser browser-edge">Edge</span>
        <span class="browser browser-ie9-11">IE9/10/11</span>
        <span class="browser browser-ie8">IE8</span>
        <span class="browser browser-2345">2345</span>
        <span class="browser browser-baidu">百度</span>
        <span class="browser browser-liebao">猎豹</span>
        <span class="browser browser-sougou">搜狗</span>
        <span class="browser browser-uc">UC</span>
        <span class="browser browser-opera">Opera</span>
        <span class="browser browser-115">115</span>
        <span class="browser browser-maxthon">遨游</span>
    </div>
</body>
</html>
